 <template lang="html">
 	<div>
    <el-tabs v-model="activeName" @tab-click="handleClick" stretch>
      <el-tab-pane label="员工管理" name="first">
        <Staff></Staff>
      </el-tab-pane>
      <el-tab-pane label="职位管理" name="second">
        <Position></Position>
      </el-tab-pane>
      <el-tab-pane label="权限管理" name="third">
        <Limit></Limit>
      </el-tab-pane>
    </el-tabs>
 	</div>

 </template>

 <script>
   import Staff from "../../components/back/lyp/Staff";
   import Position from "../../components/back/lyp/Position";
   import Limit from "../../components/back/lyp/Limit";
    export default {
    name:'',
    components:{
        Staff,
        Position,
        Limit
    },
    data(){
      return{
          activeName: 'first'
      }
    },
        methods: {
            handleClick(tab, event) {
                console.log(tab);
                console.log(event);
            }
        }
  }
</script>

 <style lang="less">

</style>
